import React, { Component } from 'react';
import {apilink} from "../api/apilink";

import Onelist from '../components/list/oneList';
import Header from "../components/all/header";
import Footer from "../components/all/footer";
import BigAllLIist from "../components/list/big_all_list"
import store from "../store";
import {SOneList} from "../styled/index" 
export default class List extends Component {
    constructor(props){
        super(props)
        // this.state={
        //     listInfo:""
        // }
    }
    // componentDidMount(){
    //     console.log(store.getState())
    //     console.log(this.props.match.params.kind)
    //     let jianting = ()=>{
    //         let i = 0;
    //         let newarr=[];
    //         if(store.getState().indexReducer.state){
    //             store.getState().indexReducer.state.forEach((item,index)=>{
    //                 if(item.kind.split(",")[1] == this.props.match.params.kind){
    //                     newarr.push(item);
    //                 }else{
    //                     // if(item.id != 10){
    //                     //     newarr.push(item);
    //                     //     i++;
    //                     // }else{
    //                     //     return;
    //                     // }
    //                 }
    //                 this.setState({
    //                     listInfo:newarr
    //                 },()=>{
    //                     console.log(this.state.listInfo)
    //                 })
    //                 console.log(item.kind.split(",")[1])
    //             })
    //         }else{
    //             console.log("无数据");
    //         }
    //     }
    //     jianting()
    //     store.subscribe(()=>{
    //         return jianting()
    //     })
    // }
    componentDidUpdate(){
        // alert(2)
        // this.forceUpdate()
        // console.log(1)
        // console.log(this.props.match.params.kind)
    }
    // getListInfo(){
    //     return this.state.listInfo.map((item,index)=>{
    //         return (
    //             <div className="onelist">
    //                 <Onelist info={item} key={item.id}></Onelist>
    //             </div>
    //         )
    //     })
    // }
    render() {
        return (
            <div>
                <Header></Header>
                <SOneList className="SOneList" style={{overflow:'hidden' ,width:"1320px" ,margin:" auto"}}>
                    {/* {this.state.listInfo?this.getListInfo():"没有数据"} */}
                    <BigAllLIist></BigAllLIist>
                </SOneList>
                <Footer></Footer>   
            </div>
        )
    }
}
